<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/bootstrap/bootstrap.min.css}" />

<link rel="stylesheet"
	href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css" />

<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script
	src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script th:src="@{/plugins/bootstrap/bootstrap.min.js}"></script>
<script th:src="@{/plugins/jQuery/moment/moment.min.js}"></script>
<style type="text/css">
th {
	border-bottom: 1px solid #d6d6d6;
}

tr {
	border-bottom: 1px solid lightgray;
}

td {
	border-bottom: 1px solid lightgray;
}
</style>

</head>
<body>
	<div data-role="page" id="pageone">

		<div data-role="header" data-position="fixed" data-tap-toggle="true" data-theme="a">
			<a id="goHome" href="/dcms/ui/bussinessmain?device=mobile"  data-ajax='false' class="ui-btn ui-corner-all ui-shadow ui-icon-home ui-btn-icon-left">主页</a>
			<h1>考核信息</h1>
			<a href='javascript:location.reload();' class="ui-btn ui-btn-a ui-icon-refresh ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-right">refeash</a>
		</div>
		<input type="hidden" id="identify" th:value="${bussinessId}" />
		  <div data-role="main" class="ui-content">
		  <div data-role="collapsibleset">
		    <div data-role="collapsible" data-collapsed="false"> <h3>待考核问题</h3>
		    <div data-role="fieldcontain">
        <fieldset data-role="controlgroup" data-type="horizontal" >
          <label for="selectAll">全选</label>
          <input type="radio" name="gender" id="selectAll" value="selectAll"/>
          <label for="cancelAll">取消</label>
          <input type="radio" name="gender" id="cancelAll" value="cancelAll"/>	
        </fieldset>
      </div>
          
		      
		       <!-- <ul data-role="listview" id="waitingchecklistul">
              </ul> --> 
              <table data-role="table" data-mode="columntoggle:none" class="ui-body-c ui-responsive ui-shadow" data-column-btn-theme="e" data-column-popup-theme="c" id="mywaitingCheckTable">
      <thead  class="pearlHeading">
        <tr>
         <th width="40%"></th>
          <th width="60%"></th>
        </tr>
      </thead>
      <tbody>
      </tbody>
    </table>
              </div>
		    <div data-role="collapsible">
		      <h3>考核历史</h3>
		      <ul data-role="listview" id="historychecklistul">
              </ul>
		    </div>
		  </div>

		</div>
		<div data-role="popup" id="alterpop" data-theme="a" class="ui-corner-all">
            <div style="padding: 10px 20px;">
            <h3>选择巡检记录!</h3>
            <a href="javascript:void(0)" id="close" data-rel="back" data-transition="slide" data-direction="reverse" data-role="button" data-theme="e" data-icon="back" data-inline="true">确定</a>
            <a href='javascript:void(0)' data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
            </div>
        </div>
        <div data-role="panel" id="sPanel" data-position="right" data-display="reveal" style='background:url(/dcms/img/tousuimg.jpg) 50% 0 no-repeat;background-size:cover'> 
    <h2>考核记录</h2>
    <table data-role="table" data-mode="columntoggle:none" class="ui-body-c ui-responsive ui-shadow" data-column-btn-theme="e" data-column-popup-theme="c" id="myTable">
      <thead  class="pearlHeading">
        <tr>
         <th width="50%"></th>
          <th width="50%"></th>
        </tr>
      </thead>
      <tbody>
      <tr>
          <td>核查时间</td>
          <td id="checkDate"></td>
        </tr>
         <tr>
          <td>核查人</td>
          <td id="user"></td>
        </tr>
         <tr>
          <td>存在问题</td>
          <td id="checkCondition"></td>
        </tr>
        <tr>
          <td>整改情况描述</td>
          <td id="rectifyCondition"></td>
        </tr>
        <tr>
          <td>备注</td>
          <td id="remark"></td>
        </tr>
        <tr>
          <td>现场违规照片</td>
          <td>
          <img src="" id="avatartD" style="width:50%"/>
          </td>
        </tr>
      </tbody>
    </table>
    <div data-role="collapsibleset">
		    <div data-role="collapsible" data-collapsed="false"> <h3>详细介绍</h3>
		       <table data-role="table" data-mode="columntoggle:none" class="ui-body-c ui-responsive ui-shadow" data-column-btn-theme="e" data-column-popup-theme="c" id="myDetailTable">
      <thead  class="pearlHeading">
        <tr>
         <th width="40%"></th>
          <th width="60%"></th>
        </tr>
      </thead>
      <tbody>
      </tbody>
    </table>
    </div>
		    <div data-role="collapsible">
		      <h3>巡检历史</h3>
		      <table data-role="table" data-mode="columntoggle:none" class="ui-body-c ui-responsive ui-shadow" data-column-btn-theme="e" data-column-popup-theme="c" id="myhistoryTable">
      <thead  class="pearlHeading">
        <tr>
         <th width="40%"></th>
          <th width="60%"></th>
        </tr>
      </thead>
      <tbody>
      </tbody>
    </table>
		    </div>
		  </div>
    
    <a href="#pageone" data-rel="close" data-inline="true" class="ui-btn ui-btn-a ui-icon-delete ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-right">关闭面板</a>
  </div>
        
		<div data-role="footer" data-position="fixed" data-theme="a" >
			<h1><input id="saveCheckBtn" class="btn btn-primary btn-sm" type="button" data-inline="false"
				value="填写考核报告" /></h1>
		</div>
	</div>
	<script th:src="@{/mobile/bussinessCheck/indexOnPhone.js}"></script>
	<script th:inline="javascript">
		window.rootPath= /*[[${#httpServletRequest.getContextPath()}]]*/
	</script>
</body>
</html>